<template lang="html">
	<div>
		<MineHeader title='设置'/>
		<div class="set-list">
			<ul>
				<li>
					仅WI-FI观看
					<span><el-switch v-model="value1"></el-switch></span>	
				</li>
				<li>
					仅WI-FI下载
					<span><el-switch v-model="value2"></el-switch></span>
				</li>
				<li>
					开启后台播放
					<span><el-switch v-model="value3"></el-switch></span>
				</li>
				<li>
					优先下载路径
					<span>手机存储</span>
				</li>
				<li>
					优先下载清晰度
					<span>高清</span>
				</li>
				<li>
					清楚缓存
					<span>5.8M</span>
				</li>
				<li>软件升级</li>
				<li>
					<router-link to='/mine/myset/about'>
						关于
					</router-link>
				</li>
			</ul>
		</div>
		<div class="logout">
			<el-button type="text" @click="open7">注销</el-button>
		</div>
	</div>
</template>
<script>
	import MineHeader from '../../../components/mine/mineheader.vue'
	export default{
		name:'myset',
		data(){
			return{
				value1: true,
				value2: true,
				value3: true
			}
		},
		components:{
			MineHeader
		},
		methods: {
      open7() {
        this.$confirm('要注销登陆吗？', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          center: true
        }).then(() => {
          this.$message({
            type: 'success',
          });
        }).catch(() => {
          this.$message({
            type: 'info'
          });
        });
      }
    }
	}
</script>
<style lang="less" scoped>
	.set-list{
		width: 100%;
		ul{
			width: 90%;
			margin: 0 auto;
				li{
					height:55px;
					line-height:55px;
					font-size: 18px;
						span{
							display: inline-block;
							float: right;
						}
				}
		}
	}
	.logout{
		text-align:center;
		font-size: 20px;
	}
</style>